<template>
    <div >
   
    <div class="mt10"  v-if="showHistory" style=" display: flex;border-bottom: 1px solid #ebedf0;">
        <div class="blue_item" />
        <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">当前办理人</span>
      </div>
    <div v-if="showHistory" class="font13 ptandpb10 pl16">
        <div>
            <span class="titletext font13">{{historydata.MANAGER}}</span>
        </div>
        <div class="mt5">
            <span class="graytext font12 ">{{historydata.DEPARTMENT}}</span>
        </div>
    </div>
    <div class="spline"></div>
    <div style="padding-bottom: 42px">
      <div v-show="!isdrawType">
        <div class="stitle font14">审批意见</div>
        <div v-if="approveList.length > 0" class="swrap" style="width: 100%">
          <div class="spiece_flex" v-for="(item, index) in approveList" :key="index">
            <div class="vertical-a-t display-ib" style="width: 25px">
              <i v-if="index == 0" class="iconfont icon-current font16 color-red2"></i>
              <i v-if="index > 0" class="iconfont icon-yiban font16 color-theme"></i>
              <div v-if="index != (approveList.length - 1)" class="optionline"></div>
            </div>
            <div class="vertical-a-t display-ib" style="width: calc(100%)">
              <div style="white-space: nowrap">
                <span class="color-theme font14">{{ item.producerName || "暂无" }}：</span>
                <span class="color-2 font14">{{
                  item.content || "暂无"
                }}</span>
              </div>
              <div class="mt05 color-8" style="display: flex; align-items: baseline">
                <div class="display-ib vertical-a-t font12" style="margin-top: 2px;width: 100%">
                  {{(item.companyName+"/"+item.departmentName )|| "暂无" }}
                </div>
                <div class="display-ib vertical-a-t font12 text-r"
                  style="margin-left: 10px; margin-top: 2px;text-align: right;width: 100%">
                  {{ item.modifiedTime || "暂无" }}
                </div>
              </div>
            </div>
          </div>
        </div>
        <div v-else>
          <div class="color-9 font12 text-c">暂无数据</div>
        </div>
      </div>
    </div>
    </div>
</template>
 
<script>
export default {
    data() {
        return {
        }
    },
    props: ['showHistory','historydata','approveList','isdrawType'],
    methods: {
    }
}
</script>
 
<style lang="scss" scoped>
</style>